<script setup>
    import MyPanel from "./components/MyPanel.vue"
</script>

<template>
  <div class="panel">
    <h4>可折叠面板</h4>
    <MyPanel></MyPanel>
    <MyPanel></MyPanel>
    <MyPanel></MyPanel>
    <MyPanel></MyPanel>
  </div>
</template>

<style>
  body {
    /* 设置背景颜色 */
    background-color: rgb(204, 204, 204);
    box-sizing: border-box;
  }
  #app {
    width: 500px;
    border: 3px solid #055e11;
    box-shadow: 4px 4px 8px 2px rgba(0,0,0, 0.5);
    border-radius: 1em;
    background-color: #fff;
  }
  .panel {
    /* 1.设置内边距 */
    padding: 1em 2em 1em;
  }
  .panel h4{
    text-align: center;
  }
</style>

